<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>邮箱验证</title>
    <link href="bootstrap-4.6.1-dist/css/bootstrap.min.css"
          rel="stylesheet" type="text/css">
    <style type="text/css">
        body{
            width:100%;
            height:100%;
            background:url(img/1.jpg);
            background-repeat: no-repeat;
            background-size:100% 100%;
            background-attachment:fixed;
        }

        #main{
            margin-top:200px;
            margin-left: 500px;
            margin-right: 500px;
            background-color: rgba(240, 240, 240, 0.3);
            padding-top:40px;
            padding-bottom: 30px;
            padding-left: 60px;
            padding-right: 10px;
            box-sizing:border-box;
        }
        .font{
            font-family: 楷体;
            font-weight: 500;
            font-size:25px;
        }
    </style>
</head>
<body>
<div id="main">
    <form id="form">
        <div class="form-group row">

            <label class="col-form-label col-4"></label>
            <div class="font">通过邮箱验证</div>

        </div>

        <div class="form-group row">
                <label class="col-form-label col-2"></label>

            <input type="text" name="userEmail" placeholder="邮箱">

            <button type="button" id="btnSend" class="btn btn-success">发邮件</button>

       </div>


    </form>

</div>

</body>
<script src="jQuery/jquery-3.6.0.min.js"></script>
<script>
    jQuery(function () {
        jQuery("#btnSend").click(function(){
            let form=jQuery("#form").serialize();
            jQuery.post("user/email",form,function (rst) {
                alert(rst);
            });
        })
    })
</script>

</html>